Ideation

Task Flow

A task flow was created to understand the process of users booking a class with FlexFit

Link here

User Flow

Than a user flow was created to understand in-depth a users decision points and the actions involved

Link here

Sitemap

I created a sitemap that allowed me to visualize how individuals mobile link sections are interrelated

Link Here

Mid-fi & High-fi wireframes

I initially started off with creating low and Mid-fi wireframes giving a more accurate depiction of the layout as well as details around how things work. Eventually transitioning to high-fi wireframes end product where target users were accounted for.

Mid fi wireframes

Brand Identity

The fruition of the visual design for this product came about based on competitive analysis for similar products within the health and fitness world. Through this I created a UI component library for flex fit’s identity and branding.

Usability Testing & Feedback

In order to test the validity of our product I conducted a usability test for three specific task flows on 8 participants.

  • Book a studio near you

  • Booking a video workout

  • View schedule/ Cancel schedule

The purpose of the usability test was to observe any pain points users may encounter while attempting to complete the task flow and a general understanding of how users interact with the product along with the level of difficulty and frequency of errors.

Feedback:

  1. Recommends adding a map view for studio class options

  2. Recommends adding how much the studio classes would cost before checking out

  3. Recommends adding a section for reviews from former/current users

  4. Recommended some sort of visual scroll feature

High fidelity wireframes

Reiterating user feedback

  1. Recommends adding how much the studio classes would cost before checking out

Before

After

Feature Overview

Easy and Efficient Onboarding

  • New users can easily and efficently sign up for Flex Fit.

  • Free one month trial making the onboarding process more comfortable

Ability To Set up own schedule

  • Flex Fit gives users the ability to set up workout videos both from at home or in the vicinity on their own scheduled timings

  • Allows users to set notification reminders for upcoming classes

Ability To Track Progress

  • Flex Fit allows users to track their progress throughout the day, week and month

  • Giving detailed information on how much calories were burned and how need to be burned in order to be able to reach the goals set.

<- FAA

Follow my journey.